<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var a=5;
        //+=
        // a=a+1;//在a原有的基础上加1
        // a+=1;//在a原有的基础上加1  a=a+1
        // a+=5;//a=a+5
        // console.log(a);

        //-=
        // var b=10;
        // b-=4;//b=b-4
        // b-=1;//b=b-1
        // console.log(b);

        //*=
        // var c=15;
        // c*=3;//c=c*3
        // c*=2;//c=c*2
        // console.log(c);

        ///=
        // var d=30;
        // d/=3;//d=d/3
        // console.log(d);

        //%=
        // var e=20;
        // e%=3;//e=e%3
        // e%=10;//e=e%10
        // console.log(e);

        // var f=30;
        // f%=4;//f=f%4=30%4=2
        // f%=10;f=2%10
        // console.log(f);

        // var g=10;
        // g%=20;//g=10
        // g%=3;
        // console.log(g);

        // 自增自减后置++和后置--
        var aa=10;
        aa++;//在原有的基础上加上1
        console.log(aa);

        var bb=3;
        bb--;//在原有的基础上减去1
        console.log(bb);

        // 自增自减前置++和前置--
        var cc=5;
        ++cc;//在原有的基础上加上1
        console.log(cc);

        var dd=4;
        --dd;
        console.log(dd);
        console.log("----");

        // 如果在输出语句中
        var ee=10;
        console.log(ee++);//后置++,先执行，再加1
        console.log(ee);

        var ff=4;
        console.log(++ff);//前置++,先加1，再执行
        console.log(ff);

        //如果在表达式中
        var m=10;
        var n=9;
        var y=3;
        var x=m++ + n++ + --y;//10+9+2
        console.log(x);
        var z=6;
        var z2=5;
        var mm= z++ + z2--;
        console.log(mm);

        var kk=3;
        var xx=kk++ + ++kk;//xx=3+ 5
        console.log(xx);

        var oo=4;
        var uu=++oo + kk++ + kk--;//5+5+6
        console.log(uu);

        var zz=5;
        console.log(zz++);//5
        console.log(zz++);//6
        console.log(zz--);//7
        console.log(zz--);//6
        console.log(zz);//5
    </script>
</head>
<body>
    
</body>
</html>